<%@ include file="/WEB-INF/views/commonJSTL.jsp" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>FarmaSoft</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>

<%@ include file="/WEB-INF/views/commonResourcesPortada.jsp" %>

<link href="<c:url value="/resources/css/portada/slider/style2.css" />" rel="stylesheet">
  <style>
	label.error{
	    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	    border-radius:5px;
	    -webkit-border-radius: 5px;
	    background: red;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	    color: #fff;
	    display: none;
	    font-size: 10px;
	    margin-top: 2px;
	    margin-left: 2%;
	    padding: 0px 2px;
	    position: absolute;
	}
	label.error:before{ 
	    content: '';
	    border-top: 5px solid transparent;
	    border-bottom: 5px solid transparent;
	    border-right: 5px solid #BC1010;
	    border-left: 5px solid transparent;
	    border-width: 4px 6px;
	    display: block;
	    height: 0;
	    left: -12px;
	    position: absolute;
	    top: 3px;
	    width: 0;
	}
	/*Para colocar los departamentos*/
	ol
	{
	  width: 30em;  /* room for 3 columns */
	}
	ol li
	{
	  float: left;
	  width: 10em;  /* accommodate the widest item */
	}
	/* stop the floating after the list */
	br
	{
	  clear: left;
	}
	/* separate the list from what follows it */
	div.wrapper2
	{
	  margin-bottom: 1em;
	  padding:14px 15px 10px 50px;
	}
	
	/* anchor styling */
	ol li a
	{
	  display: block;
	  width: 7em;
	  text-decoration: none;
	}
	ol li a:hover
	{
	  color: #FFF; /* white */
	  background-color: #4d6ea7; /* brown */
	}
	
</style>
<script type="text/javascript">
		$(document).ready(function(){
			showed();
			$("#dialogo").dialog({
				autoOpen: false,
		        title: "Farmacia",
				height: 250,
				width: 550,
				modal: true,
				buttons: {
		            "Aceptar": function() {
		            	var flag = $("#formDialog").valid();
                        if(flag){
    		            	location.href = "index2?_userId="+$("#userId").val()+"&_pharmacyId="+$("#pharmacyId").val();
    		            	//location.href = "contactenos?_userId="+$("#userId").val()+"&_pharmacyId="+$("#pharmacyId").val();
    		            	//location.href = "quienesSomos?_userId="+$("#userId").val()+"&_pharmacyId="+$("#pharmacyId").val(); //*******REVISAR*******
                        }
		            },
		            Cancelar: function() {
		            	location.href = "index";
		                $( this ).dialog( "close" );
		            }
				},
				close: function() {
					location.href = "index";         // implementar lo que convenga
				}
			});				
			ajaxSelectedPharmacy();
		});

		function showed(){
			$( "#dialog-message" ).dialog({
				modal: true,
				buttons: {
					Ok: function() {
						location.href = "index";
						$( this ).dialog( "close" );
					}
				},
				close: function() {
					location.href = "index";         // implementar lo que convenga
				}
			});	 
		} 
		function ajaxSelectedPharmacy(){		
			var tempUserId = $("#userId").val();
			if(tempUserId != null){
				$.ajax({
			        type: 'GET',
			        dataType: "json",
			        url: 'ajaxSelectedPharmacy',
			        data:{userId:tempUserId},
			        success: function(data){ 
			        	$('#formDialog').each(function(){
			                this.reset();
			            });
			            var options = "<option value='' selected='true'>Seleccione</option>";   
			           	if(data[0] != ''){
				            for(var i=0;i<data.length;i++){
				        		var obj = data[i];
				            	options += '<option value="' + obj.pharmacyId + '">'+obj.name+ '</option>';
				            }
			           	}
			            $("#pharmacyId").html(options);
			            $("#titleForm").text("Seleccione la Farmacia para Entrar");
			            $("#dialog:ui-dialog").dialog("destroy");
			            $("#dialogo").dialog("open");
			        },
			    	error:function(){alert("Error! cargar Dialog.")}
			    });
			}
		}

		
		//Para generar GOOGLE MAPS
		function mostrarGoogleMaps()
   		{
       		//Creamos el punto a partir de las coordenadas:
       		var punto = new google.maps.LatLng(-17.39866455916651, -66.03471308597409);
 
	        //Configuramos las opciones indicando Zoom, punto(el que hemos creado) y tipo de mapa
	        var myOptions = {
	           zoom: 15, center: punto, mapTypeId: google.maps.MapTypeId.ROADMAP
	        };
	 
       		//Creamos el mapa e indicamos en qué caja queremos que se muestre
       		var map = new google.maps.Map(document.getElementById("mostrarMapa"),  myOptions);
 
       		//Opcionalmente podemos mostrar el marcador en el punto que hemos creado.
      		var marker = new google.maps.Marker({
	           position:punto,
	           map: map,
	           title:"FarmaSoft"});
		}
		
		
		

</script>
</head>

<body  onload="mostrarGoogleMaps()" >
	<div id="header">																																																																																			
		<div class="login">
			<form:form method="post" id="myform" commandName="user">
				<form:input path="login" class="input"/>
				<form:input type="password" path="password" class="input"/>
				<!-- <div class="enter"><a href="javascript: document.myform.submit()">Enter</a></div> -->
				 <div class="enter"><input type="submit" name="action" value="Ingresar"/></div>
			</form:form> 
			<div class="links"><a href="#">¿Olvidaste tu contraseña?</a></div>
		</div>
		<ul id="menu">
			<li><a href="index.html">Página de Inicio </a></li>
			<li><a href="quienesSomos.html">Quiénes Somos</a></li>
			<!-- li><a href="index2.html">Noticias</a></li-->
			<li><a href="contactenos.html">Contactenos</a></li>
			Siganos: 
			<!-- Likes a la pagina de face -->
			<script>(function(d, s, id) {
			  var js, fjs = d.getElementsByTagName(s)[0];
			  if (d.getElementById(id)) return;
			  js = d.createElement(s); js.id = id;
			  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
			  fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));</script><div class="fb-share-button" data-href="https://www.facebook.com/farmasoft.bo?fref=ts" data-type="button"></div>
			<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Ffarmasoft.bo%3Ffref%3Dts&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
			<div id="fb-root"></div>
			<!-- Twitter -->
			<a href="https://twitter.com/FarmaSoft" class="twitter-follow-button" data-show-count="false" data-lang="es" data-show-screen-name="false">Seguir a @FarmaSoft</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
			<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://twitter.com/FarmaSoft" data-via="FarmaSoft" data-related="FarmaSoftestencontactoconlasltimasespecialidadesfarmacuticas">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>			<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
			<!-- Coloca este código en el lugar donde quieras que se muestre la insignia. -->
<a href="https://plus.google.com/108644159799526802396?prsrc=3"
   rel="publisher" target="_top" style="text-decoration:none;display:inline-block;color:#333;text-align:center; font:13px/16px arial,sans-serif;white-space:nowrap;">
<span style="display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px; margin-top:8px;"></span>
<img src="//ssl.gstatic.com/images/icons/gplus-32.png" alt="Google+" style="border:0;width:20px;height:20px;"/>
</a>
			
			<!-- Inserta esta etiqueta donde quieras que aparezca Botón +1. -->
<div class="g-plusone" data-size="medium" data-href="https://plus.google.com/108644159799526802396/posts"></div>

<!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
			
		</ul>
	</div>
		<c:if test="${param.userIdTemp != null}">
			<div id="dialogo"><br/>
				<h2 class="decorado" id="titleForm"></h2><br/>
				<form id="formDialog">
					<input type="hidden" name="userId" id="userId" value="${param.userIdTemp}" />
					<div style="clear:both;">
						<label class="form_align30">Farmacia: </label>
						<select name="pharmacyId" id="pharmacyId" class="required form_input_align" title="Seleccione una farmacia">
							<option value="">Seleccione</option>
						</select>
						<label class="error">*</label>
					</div>
				</form>
			</div>
		</c:if>	
	
		<c:if test="${param.check != null}">
			<c:if test="${param.check == 1}">
				<div id="dialog-message" title="Error">
					<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
				    	Datos incorrectos vuelva a intentar!!!!!
					</p>
				</div>
			</c:if>
			<c:if test="${param.check == 2}">
				<div id="dialog-message" title="Advertencia">
					<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
				    	Verifique los campos de entrada que No esten Vacios!!!!
					</p>
				</div>
			</c:if>			
		</c:if>	
		
	
	<div id="wrapper">																																																																																		
		<div id="sidebar">
			<div class="logo_block">
				<a href="#"><img src="<c:url value="/resources/images/logo/logoFarmasoft.png" />" alt="setalpm" width="198" height="156" /></a><br />
				<span class="slogan">Los mejores productos farmaceuticos para Usted</span>
				<p class="text1">Vita S.A., Drogueria Inti S.A. ,Bago, Alfa Ltda., Alcos S.A., Crespal, El rosario, Farmaceuticos Lafar S.A., IFA 
				S.R.L., IFARBO Ltda.,  Prodexa, Terbol S.A., Boliviana S.A., Tecnofarma S.A., etc. </p>
			</div>
		</div>
		<div id="content">
			<div id="wowslider-container1">
				<div class="ws_images">
					<ul>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/compra.png"/>" alt="FarmaSoft" title="FarmaSoft"/>Es una plataforma informática que brinda información sobre los precios de venta de los medicamentos con Registro Sanitario vigente y que son comercializados en las Farmacias y Boticas privadas y públicas a nivel nacional.</li>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/familia.png"/>" alt="Familia" title="Familia" id="wows1_1"/>El cuidado de su salud apoyando su economía, poniendo a su disposición medicamentos  de calidad a los mejores precios del mercado.</li>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/llenar_productos.png"/>" alt="Medicamentos" title="Medicamentos" id="wows1_2"/>Son elaborados por laboratorios bolivianos, que cuentan con estrictos controles de Calidad.</li>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/registrar_personal.png"/>" alt="Capacitación" title="Capacitación" id="wows1_3"/>Orientación constante en las diferentes áreas: Financiera, Contable Recursos humanos y Mercadotecnia. </li>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/registrar_productos.png"/>" alt="Pedidos" title="Pedidos" id="wows1_4"/>El sistema va procesando los pedidos de forma automatica, dependiendo de sus inventarios. </li>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/sugerir_producto.png"/>" alt="Precios" title="Precios" id="wows1_5"/>Los precios de venta de los medicamentos mostrados al público en este portal web, han sido reportados directamente por las farmacias y boticas. </li>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/visitador.png"/>" alt="Publicidad" title="Publicidad" id="wows1_6"/>La publicidad masiva (via red) es decicion de la farmacia, y si lo considera puede ser publicada su informacion en los sitios web más visitados. </li>
						<li><img src="<c:url value="/resources/images/portada/slider/mainImages/almacen.png"/>" alt="Laboratorios" title="Laboratorios" id="wows1_7"/>Estos laboratorios fabrican medicamentos seguros, éticos y accesibles a la población boliviana.</li>
				</ul>
				</div>
				<div class="ws_thumbs">
					<div>
						<a href="#" title="FarmaSoft"><img src="<c:url value="/resources/images/portada/slider/tooltips/compra.png"/>" alt="" /></a>
						<a href="#" title="Familia"><img src="<c:url value="/resources/images/portada/slider/tooltips/familia.png"/>" alt="" /></a>
						<a href="#" title="Medicamentos"><img src="<c:url value="/resources/images/portada/slider/tooltips/llenar_productos.png"/>" alt="" /></a>
						<a href="#" title="Capacitacion"><img src="<c:url value="/resources/images/portada/slider/tooltips/registrar_personal.png"/>" alt="" /></a>
						<a href="#" title="Pedidos"><img src="<c:url value="/resources/images/portada/slider/tooltips/registrar_productos.png"/>" alt="" /></a>
						<a href="#" title="Precios"><img src="<c:url value="/resources/images/portada/slider/tooltips/sugerir_producto.png"/>" alt="" /></a>
						<a href="#" title="Publicidad"><img src="<c:url value="/resources/images/portada/slider/tooltips/visitador.png"/>" alt="" /></a>
						<a href="#" title="Laboratorios"><img src="<c:url value="/resources/images/portada/slider/tooltips/almacen.png"/>" alt="" /></a>
					</div>
				</div>
				<div class="ws_shadow"></div>
				<script src="<c:url value="/resources/js/portada/slider/wowslider.js" />"></script>
				<script src="<c:url value="/resources/js/portada/slider/script.js" />"></script>
			</div>
			<div class="bg">
				<div class="column1">
					<img src="<c:url value="/resources/images/portada/bolivia.png"/>"/>
                    <p>Haga clic en uno de los enlaces de departamentos para acceder a la informacion de FarmaSoft.</p>
                    
                    
                    <div style="clear:both;">
                    
                    	<div class="wrapper2">
                    	<ol>
	                    <c:forEach var="item" items="${Departaments}">

	                    			<li><a href="homeDepartamemts.html?_dept=${item[0]}">${item[1]}</a></li>
	
	                    </c:forEach>
	                    </ol>
	                    </div>
	                   
                    </div>
                    
					<br/><br/><img src="<c:url value="/resources/images/portada/bienvenida.png"/>" alt="" width="258" height="21" /><br />
					<p>Bienvenidos a nuestra página Web, ofrecemos el más completo servicio farmacéutico, cosmética, dietética, alimentación infantil,  productos capilares, etc... para nosotros la prioridad es atender a nuestros clientes de una forma  rápida y eficaz.<br/> <br/>
					FarmaSoft está en contacto con las últimas especialidades farmacéuticas, basada en el “Vademecum” el libro de especialidades farmacéuticas, en un real y actualizado sistema informativo de especialidades Farmacéuticas.
					<div id="items">
						<div class="item">
							<a href="#"><img src="<c:url value="/resources/images/portada/dolores.gif"/>" alt="" /></a>
							<span><a href="#">Dolor</a></span>
						</div>
						<div class="item">
							<a href="#"><img src="<c:url value="/resources/images/portada/vasos.gif"/>" alt="" /></a>
							<span><a href="#">Vasos Sanguíneos</a></span>
						</div>
						<div class="item">
							<a href="#"><img src="<c:url value="/resources/images/portada/vitaminas.gif"/>" alt="" /></a>
							<span><a href="#">Nutrición</a></span>
						</div>
						<div class="item">
							<a href="#"><img src="<c:url value="/resources/images/portada/piel.gif"/>" alt="" /></a>
							<span><a href="#">Piel y Cuero Cabelludo</a></span>
						</div>
					</div>
					<img src="<c:url value="/resources/images/portada/farmaSoft_titulo.png"/>" alt="" /><br />
					<p>Es una empresa especializada en la selección e implantación de soluciones tecnológicas para oficinas de farmacia.<br/><br/>
					Nuestro objetivo es ofrecer soluciones completas (software, infraestructura, formación y servicios) que le garanticen el éxito en la gestión y una mayor rentabilidad. 
					
					<center><img src="<c:url value="/resources/images/portada/ubicanos.png"/>" alt="" /></center>
					<center><div id="mostrarMapa" style="width: 450px; height: 240px;"> </div></center>
					
				</div>
				<div class="column2">
					<img src="<c:url value="/resources/images/portada/noticiass.png"/>" alt="" width="133" height="18" /><br />
					<div class="news">
						<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Ffarmasoft.bo%3Ffref%3Dts&amp;width=200&amp;height=427&amp;colorscheme=light&amp;show_faces=false&amp;header=true&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:427px;" allowTransparency="true"></iframe>
					
						<a class="twitter-timeline"  href="https://twitter.com/FarmaSoft"  data-widget-id="463374393859526656">Tweets por @FarmaSoft</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

						
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">																																																																																																																																																																																																									
		<ul>
			<li><a href="index.html">Página de Inicio</a>|</li>
			<li><a href="quienesSomos.html">Quiénes Somos</a>|</li>
			<li><a href="contactenos.html">Contactenos</a></li>
		</ul>
		<p>UltraSoft Ltda.&copy; Soluciones Informáticas. <a href="https://www.facebook.com/farmasoft.bo" target="_blank" title="Best Free Templates">FarmaSoft</a>  </p>
	</div>
</body>
</html>
